<div class="page plantilla-pe" data-ng-controller="DetallePECtrl">

    <div class="row ui-section">
        <div class="col-lg-8 clearfix">
            <h2 class="section-header"data-translate="PAGE_PE_TITLE"></h2>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-body">
            <div class="row">
                <div class="col-xs-12">
                    <md-button class="btn-w-md md-primary" data-ng-click="addEjercicio($event)">Agregar ejercicio</md-button>
                </div>
            </div>
            <div class="row pe-builder">
                <div class="col-sm-3 fixed-side">
                    <table class="table">
                        <tbody>
                            <tr><td>Ejercicio</td></tr>
                            <tr class="extra-padding" data-ng-repeat="ejercicio in planEntrnmento.ejercicios"><td>{{ejercicio.Nombre}}</td></tr>
                        </tbody>
                    </table>
                </div>
                <div class="col-sm-9 details-side">
                    <form name="frmPlanEntrnmento" novalidate>
                        <table class="table table-stripped">
                            <thead>
                                <tr>
                                    <th class="text-center" data-ng-repeat="i in numeroDeSemanas track by $index"><span data-translate="PAGE_PE_TH_WEEK_{{$index+1}}"></span></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="no-padding no-border">
                                    <td data-ng-repeat="i in numeroDeSemanas track by $index">
                                        <table class="table">
                                            <thead>
                                                <tr class="brdr-bttm-wdth-1">
                                                    <th data-translate="PAGE_PE_TH_SERIES"></th>
                                                    <th data-translate="PAGE_PE_TH_REPETITIONS"></th>
                                                    <th data-translate="PAGE_PE_TH_WEIGHT"></th>
                                                </tr>
                                            </thead>
                                        </table>
                                    </td>
                                </tr>
                                <tr class="no-padding no-border" data-ng-repeat="ejercicio in planEntrnmento.ejercicios">
                                    <td data-ng-repeat="semana in ejercicio.semanas">
                                        <table class="table">
                                            <tbody>
                                                <tr>
                                                    <td>
                                                        <input type="number" required="" class="form-control input-sm" data-ng-model="semana.Series">
                                                    </td>
                                                    <td>
                                                        <input type="number" required="" class="form-control input-sm" data-ng-model="semana.Repeticiones">
                                                    </td>
                                                    <td>
                                                        <input type="number" required="" class="form-control input-sm" data-ng-model="semana.Peso">
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </form>
                </div>
            </div>
            <!--div class="row">
                <div class="col-xs-12">
                    <pre>{{planEntrnmento | json}}</pre>
                </div>
            </div-->
        </div>
    </div>
</div>